<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorate="layout">
<head>
<title>home</title>
</head>
<body>
	<!--<h1 layout:fragment="header">Messages : View all</h1>-->
	<div layout:fragment="content">
		<div class="box-header with-border">
			<h3 class="box-title">客户管理</h3>
		</div>
		<!-- /.box-header -->
		<!-- form start -->
		<form class="form-horizontal" role="from">
			<div class="box-body">
				<div class="form-group col-md-3">
					<label for="search_value" class="col-sm-4 control-label">姓名</label>

					<div class="col-xs-8 no-padding">
						<input type="text" id="search_value" class="form-control" placeholder="姓名" name="search_value">
					</div>
				</div>
				<div class="form-group col-md-3">
					<label for="search_type" class="col-sm-4 control-label">性别</label>

					<div class="col-xs-8 no-padding">
						<select id="search_type" class="form-control" name="search_type">
							<option value="1">男</option>
							<option value="2">女</option>
						</select>
					</div>
				</div>
				<div class="form-group col-md-3 right-button">
					<button onclick="searchBtn()" type="button" class="btn btn-danger right-button">搜索</button>
					<button onclick="addBtn()" type="button" class="btn btn-success right-button">添加</button>
				</div>
			</div>
		</form>
		<div class="box-body">
			<table id="customer" class="table table-bordered table-striped">
				<thead>
				<tr>
					<th>序号</th>
					<th>姓名</th>
					<th>性别</th>
					<th>生日</th>
					<th>操作</th>
				</tr>
				</thead>
				<tbody></tbody>
			</table>
		</div>
		<!--整个模态框-->
		<div class="modal" id="myModal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span></button>
						<h3 class="modal-title" style="font-size:18px;">新增客户</h3>
					</div>
					<div class="modal-body">
						<form class="form-horizontal" id="addFrom">
							<div class="box-body">
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_name" class="col-sm-4 control-label">姓名</label>

											<div class="col-sm-8">
												<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
												<input type="text" class="form-control" id="add_name" data-rule="required(姓名必须填写)" name="name" placeholder="姓名">
												<input type="hidden" id="id" name="id">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_gender" class="col-sm-4 control-label">性别</label>
											<div class="col-sm-8">
												<select id="add_gender" class="form-control" name="gender">
													<option value="1">男</option>
													<option value="2">女</option>
												</select>
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_birthday" class="col-sm-4 control-label">出生年月</label>
											<div class="col-sm-8">
												<input type="date" class="form-control" id="add_birthday" data-rule="required(生日必须填写)" name="birthday" placeholder="出生年月">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_phone" class="col-sm-4 control-label">手机号码</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_phone" data-rule="required(手机号码必须填写)|length(11)" name="phone" placeholder="手机号码">
											</div>
										</div>

									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_cardtype" class="col-sm-4 control-label">证件类型</label>
											<div class="col-sm-8">
												<select id="add_cardtype" class="form-control" name="cardType">
													<option value="1">身份证</option>
													<option value="2">护照</option>
													<option value="3">港澳台证件</option>
													<option value="4">其他</option>
												</select>
											</div>
										</div>

									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_cardnum" class="col-sm-4 control-label">证件号码</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_cardnum" data-rule="required(证件号码必须填写)" name="cardNum" placeholder="证件号码">
												<!--<input type="hidden" id="id" name="id">-->
											</div>
										</div>

									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_crednum" class="col-sm-4 control-label">资格证书号码</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_crednum" data-rule="required(资格证书号码必须填写)" name="credentialsNum" placeholder="资格证书号码">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_degree" class="col-sm-4 control-label">学位</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_degree" data-rule="required(学位必须填写)" name="degree" placeholder="学位">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_highestEducation" class="col-sm-4 control-label">最高学历</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_highestEducation" data-rule="required(最高学历必须填写)" name="highestEducation" placeholder="最高学历">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_highestEducationCollege" class="col-sm-4 control-label">最高学历院校</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_highestEducationCollege" data-rule="required(最高学历院校必须填写)" name="highestEducationCollege" placeholder="最高学历院校">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_major" class="col-sm-4 control-label">专业</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_major" data-rule="required(专业必须填写)" name="major" placeholder="专业">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_graduateDate" class="col-sm-4 control-label">毕业时间</label>
											<div class="col-sm-8">
												<input type="date" class="form-control" id="add_graduateDate" data-rule="required(毕业时间必须填写)" name="graduateDate" placeholder="毕业时间">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_agenttype" class="col-sm-4 control-label">机构类型</label>
											<div class="col-sm-8">
												<select id="add_agenttype" class="form-control" name="agenttype">
													<option value="1">本币交易成员</option>
													<option value="2">非本币交易成员</option>
													<option value="3">无机构</option>
												</select>
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_agentname" class="col-sm-4 control-label">机构名称</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_agentname" data-rule="required(机构名称必须填写)" name="angentName" placeholder="机构名称">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_department" class="col-sm-4 control-label">部门</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_department" data-rule="required(部门必须填写)" name="department" placeholder="部门">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_post" class="col-sm-4 control-label">岗位</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_post" data-rule="required(岗位必须填写)" name="post" placeholder="岗位">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_posttype" class="col-sm-4 control-label">postType</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_posttype" name="postType" placeholder="postType">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_tradeClass" class="col-sm-4 control-label">tradeClass</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_tradeClass" name="tradeClass" placeholder="tradeClass">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_duty" class="col-sm-4 control-label">职务</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_duty" data-rule="required(职务必须填写)" name="duty" placeholder="职务">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_officePhone" class="col-sm-4 control-label">办公电话</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_officePhone" data-rule="required(办公电话必须填写)" name="officePhone" placeholder="办公电话">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_email" class="col-sm-4 control-label">E-mail</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_email" data-rule="required(E-mail必须填写)|length(8)" name="email" placeholder="E-mail">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_qq" class="col-sm-4 control-label">qq</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_qq" name="qq" placeholder="qq">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_fax" class="col-sm-4 control-label">传真</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_fax" data-rule="required(传真必须填写)|length(8)" name="fax" placeholder="传真">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_agentAddress" class="col-sm-4 control-label">机构地址</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_agentAddress" data-rule="required(机构地址必须填写)" name="agentAddress" placeholder="机构地址">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-6">
										<div class="form-group">
											<label for="add_postcode" class="col-sm-4 control-label">邮编</label>
											<div class="col-sm-8">
												<input type="text" class="form-control" id="add_postcode" data-rule="required(邮编必须填写)" name="postcode" placeholder="邮编">
											</div>
										</div>
									</div>
									<div class="col-sm-6">
									</div>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button class="btn btn-primary" onclick="modal_sub()">
							确认
						</button>
						<button class="btn btn-warning" data-dismiss="modal">退出</button>
					</div>
				</div>
			</div><!-- /.modal -->
		</div>
		<script src="../../static/js/pages/customer.js"></script>
	</div>
</body>
</html>
